<template>
	<view class="position-card" @click.native="go2Detail">
		<view class="flex-between">
			<view class="header">
				{{ data.title || '网络安全工程师' }}
			</view>
			<view class="salary">
				<!-- 8千-1.3万/月 -->
				{{ data.salary || '8千-1.3万/月' }}
			</view>
		</view>
		<view class="mt-20">
			<uni-tag v-for="(tag, idx1) in data.tags" :key="tag" :class="{'ml-10': idx1 > 0}" custom-style="background-color: #F6F7F9; border-color: #F6F7F9; color: #666768;" :text="tag" />
		</view>	
		<view class="flex-between mt-20">
			<view class="company">
				{{ data.company || '江苏科技有限公司' }}
			</view>
			<view class="source" v-if="cardType==='talent'">
				信息来源：无锡市本级
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			data: {
				type: Object,
				required: true
			},
			cardType: {
				type: String,
				default: 'talent'
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			go2Detail() {
				uni.navigateTo({
					url: '/pages/talent/detail'
				})
			}
		}
	}
</script>

<style lang="scss">
.position-card {
	padding: 28rpx;
	margin: 30rpx;
	border: 1px solid #D8D8D8;
	.title {
		font-size: 32rpx;
		font-weight: 600;
		color: #292F38;
	}
	.salary {
		font-size: 28rpx;
		font-weight: 500;
		color: #0051FF;
	}
	.company {
		font-size: 28rpx;
		font-weight: 400;
		color: #717680;
	}
	.source {
		font-size: 24rpx;
		font-weight: 400;
		color: #717680;
	}
}
</style>
